.common {
	background-color: #ecf1f5;
	width: 100%;
	height: 100%;
	.common-top {
		height: 60px;
		background-color: #fff;
		.tips {
			font-size: 24px;
			margin: 0 20px;
		}
		.select-box {
			margin:0 40px 0 20px;
		}
		.search-box {
			position: relative;
			.input-box {
				width: 300px;
				::-webkit-input-placeholder { /* WebKit browsers */ 
					color: #000;
					font-size: 16px; 
				} 
				:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
					color: #000;
					font-size: 16px; 
				} 
				::-moz-placeholder { /* Mozilla Firefox 19+ */ 
					color: #000;
					font-size: 16px; 
				} 
				:-ms-input-placeholder { /* Internet Explorer 10+ */ 
					color: #000;
					font-size: 16px; 
				}
			}
			.ul-box {
				width:100%;
				top:48px;
				position: absolute;
				background-color: #fff;
				border-radius: 2px;
				border:1px solid  #d9dbe0;
				li {
					padding: 0 10px;
					box-sizing:border-box;
					width:100%;
					height: 40px;
					line-height: 40px;
					cursor: pointer;
					word-break:keep-all;/* 不换行 */
				    white-space:nowrap;/* 不换行 */
				    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
				    text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
					&:hover{
						background-color: #ecf1f5;
					}
				}
			}
		}
		.search-btn {
			height: 40px;
			line-height: 40px;
			text-align: center;
			min-width: 80px;
			border-radius: 4px;
			margin-left: 20px;
			color: #fff;
			cursor: pointer;
			background-color: #373e4f;
			box-shadow: 0 2px 4px 0 rgba(43, 50, 68, 0.5);
		}
	}
	.content-box {
		height: calc( 100% - 120px );
		box-sizing:border-box;
		padding: 20px;
		.content.scroll-style{
			.titleTable{
				background-color: #f3f6fb;
				table {
					width:calc( 100% - 19px );
				} 
			}
			//.scrollBox {
				//.scroll{
					//height: 100%;
					//overflow-y: scroll;
				//}
			//}
		}
		.content {
			width: 100%;
			height: 100%;
			background-color: #fff;
			.titleTable {
				background-color: #f3f6fb;
				table{
					width: 100%;
					height: 60px;
					border: none;
					border-collapse: collapse;
					tr{
						height: 100%;
						th {
							color: #444444;
							font-weight: 600;
							vertical-align: middle;
						}
					}
					
				}
			}
			.scrollBox{
				height: calc( 100% - 120px );
				border-bottom: dotted 2px #bbcedc;
				padding-bottom: 2px;
				overflow: auto;
				.scroll {
					// height: 100%;
					.conTable {
						width: 100%;
						height: 100%;
						border: none;
						border-collapse: collapse;
						table-layout: fixed;
						tr {
							height: 48px;
							border-bottom: dotted 2px #bbcedc;
							td {
								text-align: center;
								vertical-align: middle;
								width:100%;
							    word-break:keep-all;/* 不换行 */
							    // white-space:nowrap;/* 不换行 */
							    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
							    text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
							    .btn {
							    	color: #618bfb;
							    	cursor: pointer;
							    }
							    i {
	                				font-size: 16px;
	                				color: #618bfb;
	                				cursor: pointer;
							    }
							}
						}
						.table-input {
							input {
								width: 50px;
								text-align: center;
								border: none;
								border-bottom: 1px solid #ccc;
							}
							img {
								cursor: pointer;
							}
							.sure-btn {
								font-size: 14px;
								color: #618bfb;
								cursor: pointer;
							}
						}
					}
				}
			}
			.scrollAuto{
				.scroll {
					height: 100%;
					.conTable {
						
					}
				}
			}
			.pagers {
				padding: 10px 20px 0 0 ; 
				height: 60px;
				text-align: right;
			}
			.pager_add_btn {
				height: 60px;
				padding: 10px 20px 0 20px ; 
				._btn {
					width: 120px;
				    height: 40px;
				    line-height: 40px;
				    text-align: center;
				    font-size: 18px;
				    color: #fff;
				    cursor: pointer;
					background-color: #ff0048;
	    			box-shadow: 0 2px 4px 0 rgba(255, 0, 72, 0.5);
				}
			}
			.content-footer {
				height: 60px;
				line-height: 60px;
			}
		}
	}
	.footer-btn {
		text-align: center;
		display: inline-block;
		width: 120px;
	  	height: 40px;
	  	line-height: 40px;
	  	font-size: 18px;
	  	margin:0 25px; 
	  	background-color: #bcbcbc;
		color: #fff;
		cursor: pointer;
	}
	.footer-btn.black-bg{
		background-color: #373e4f;
	}
	.footer-btn.cancle{
		background-color: #bcbcbc;
	}
	.footer-btn.sure {
		background-color: #ff0048;
		box-shadow: 0 2px 4px 0 rgba(255, 0, 72, 0.5);
	}
	.dialog-box {
		position: fixed;
		top:0;
		bottom: 0;
		left:0;
		right:0;
		z-index: 1000;
		background-color: rgba(0,0,0,0.5);
		.dialog {
			width: 378px;
			// height: 478px;
			background-color: #fff;
			border-radius: 4px;
			padding-bottom: 20px;
			.close-btn {
				position: absolute;
				right: 6px;
				top: 6px;
		    	color: #ff6b6b;
		    	cursor: pointer;
		    	i {
		    		font-size: 18px;
		    	}
			}
			.dialog-title {
				font-size: 18px;
				font-weight: 600;
				margin: 10px 0;
				height: 25px;
				line-height: 25px;
				color: #444444;
				padding-left: 10px;
				border-left: 4px solid #ff0048;
				word-break:keep-all;/* 不换行 */
			    white-space:nowrap;/* 不换行 */
			    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
			    text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
			}
			.dialog-content {
				padding: 0 20px;
				color: #444444;
				font-size: 16px;
				.dialog-content-item {
					height: 30px;
					line-height: 30px;
					margin: 5px 0;
					.Input{
						input{
							width: 50px;
							text-align: center;
							border: none;
							border-bottom: 1px solid #979797;
						}
					}
				}
				.dialog-content-item-center {
					height: 30px;
					line-height: 30px;
					margin: 5px 0;
					text-align: center;
					.big-num {
						color: #ff0048;
						font-size: 24px;
					}
				}
				.dialog-content-item.price{
					color: #ff0048;
				}
				.dialog-content-item.imgfile-box{
					height: 80px;
					margin-top: 20px;
					.img {
						font-size: 0;
						width: 80px;
						height: 80px;
						border: 1px solid #ccc;
						margin-left: 24px;
						position: relative;
						img{
							width: 100%;
							height: 100%;
						}
						.pcImgFile{
							width: 80px;
							height: 80px;
							display: inline-block;
							position: absolute;
							left: 0;
							top:0;
							opacity: 0;
							cursor: pointer;
						}
					}
					.right-notes {
						width: 150px;
						line-height: 1.5em;
						font-size: 14px;
						color: #999;
						margin-left: 20px;
						.status {
							color: #16da1a;
							text-align: center;
						}
					}
				}
				.dialog-content-item.dialog-content-print {
					.printNum {
						// display:none;
						border: none;
						border-bottom: 1px solid #ccc;
						width: 50px;
						text-align: center;
					}
					// .isPrint {
					// 	&:checked{
					// 		&~.printNum{
					// 			display:inline-block;
					// 		}
					// 	}
					// }
				}
				.dialog-content-item.select-box{
					height: 40px;
					margin-top: 20px;
					.select,.input-box{
						width:80%;
						height: 100%;
						margin-left: 20px;
					}
				}
			}
			.dialog-footer {
				margin-top: 20px;
				text-align: center;
				font-size: 0;
				
			}
		}
	}


}